<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>登陆页</title>
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/normalize.css" />
		<link rel="stylesheet" href="../css/common.css" />
		<link rel="stylesheet" href="../css/land.css" />
	</head>
	<body>
		<main class="flx-row">
			<div class="picbox flx-row">
				<img src="../imgs/login-bg.png" />
			</div>
			<!-- 模态框 -->
			<div class="outer flx-row">
				<div id="modalBox" class="b-box bg-white flx-col">
					<img src="../imgs/loginlogo.png" />
					<!-- 选项按钮 -->
					<ul class="flx-row">
						<li class="text-c fs-16 cp rel active">账号登陆</li>
						<i></i>
						<li class="text-c fs-16 cp rel">扫码登陆</li>
					</ul>
					<!-- 选项卡片 -->
					<form action="get">
						<ol>
							<!-- 模态框卡片1 -->
							<li class="card1 flx-col on">
								<p class="flx-row rel">
									<span id="icon1"></span>
									<input
										id="name"
										class="fs-12"
										type="text"
										placeholder="用户名/手机号/邮箱"
									/>
									<span class="mask" id="mask1"
										><strong>!</strong>&nbsp;咋个咋个咋个</span
									>
								</p>
								<p class="flx-row rel">
									<span id="icon2"></span>
									<input
										id="pwd"
										class="fs-12"
										type="text"
										placeholder="密码"
									/>
									<span class="mask" id="mask2"
										><strong>!</strong>&nbsp;咋个咋个咋个</span
									>
								</p>
								<a href="#" class="text-r fs-12 fc-theme mb-20">忘记密码</a>
								<button class="fc-white cp" type="submit">登陆</button>
								<p class="lh-50 fs-12 b-box flx-row align-c">
									还没有源码账号，
									<a href="#" class="fc-theme">立即注册</a>
									<span id="icon3"></span>
								</p>
							</li>
							<!-- 模态框卡片2 -->
							<li class="card2">
								<div class="card2-erweima flx-col fs-12">
									<img src="../imgs/showqrcode.jpg" />
									<span class="lh-50">微信扫码登录</span>
									<span>未关注源码科技公众号，请先关注后再登录</span>
								</div>
								<p class="lh-50 fs-12 flx-row align-c">
									还没有源码账号，
									<a href="#" class="fc-theme">立即注册</a>
									<span id="icon3"></span>
								</p>
							</li>
						</ol>
					</form>
				</div>
			</div>
		</main>
		<script src="../js/util.js"></script>
		<script src="../js/land.js"></script>
	</body>
</html>
